<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */

//use Yii;
use yii\helpers\Html;
//use yii\helpers\Url;
use yii\bootstrap\ActiveForm;
use frontend\controllers\ListController;
use common\models\setting\Setting;
use common\models\Ad\Ad;

?>
<div id="Footer">
    <div class="w1113">
        <div class="Links"><span>友情链接</span></div>
        <div class="Demo">

            <dl class="Select">
                <dt>--- 住房与城乡建设部 ---</dt>
                <dd>
                    <ul>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                        <li><a href="#">--- 住房与城乡建设部 ---</a></li>
                    </ul>
                </dd>
            </dl>

            <dl class="Select">
                <dt>---国家质量监督检验检疫总局 ---</dt>
                <dd>
                    <ul>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                        <li><a href="#">---国家质量监督检验检疫总局 ---</a></li>
                    </ul>
                </dd>
            </dl>

            <dl class="Select">
                <dt>--- 建筑防水产业联盟 ---</dt>
                <dd>
                    <ul>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                        <li><a href="#">--- 建筑防水产业联盟 ---</a></li>
                    </ul>
                </dd>
            </dl>

            <dl class="Select">
                <dt>--- 辽宁省防水协会 ---</dt>
                <dd>
                    <ul>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                        <li><a href="#">--- 辽宁省防水协会 ---</a></li>
                    </ul>
                </dd>
            </dl>
            <div style="clear:both"></div>
        </div>

        <div class="w1113">
            <div class="Left f_lt">
                <ul class="F_nav">
                    <li><a href="#">中国防水网</a></li>
                    <li>|</li>
                    <li><a href="#">中国建筑防水协会</a></li>
                    <li>|</li>
                    <li><a href="#">网站声明</a></li>
                    <li>|</li>
                    <li><a href="#">网站地图</a></li>
                    <li>|</li>
                    <li><a href="#">联系我们</a></li>
                </ul>
                <ul class="F_navb">
                    <li>版权所有：中国防水协会</li>
                    <li>京ICP证:041057号</li>
                    <li>全称：中国建筑防水协会</li>
                    <li>技术支持：<a href="#">中科服</a></li>
                </ul>
            </div>
            <div class="W_right Right">
                <img src="<?= yii::getAlias('@web');?>/images/Ma.jpg">
                <div class="Right">
                    <p>中国防水协会<br />微博、微信</p>
                    <img src="<?= yii::getAlias('@web');?>/images/Sina.png">
                    <img src="<?= yii::getAlias('@web');?>/images/Wein.png">
                </div>
            </div>
            <div style="clear:both"></div>
        </div>
    </div>
</div>




<script type="text/javascript">
    $(document).ready(function() {
        $(".Select").each(function(){
            var s=$(this);
            var z=parseInt(s.css("z-index"));
            var dt=$(this).children("dt");
            var dd=$(this).children("dd");
            var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};   //展开效果
            var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};    //关闭效果
            dt.click(function(){dd.is(":hidden")?_show():_hide();});
            dd.find("a").click(function(){dt.html($(this).html());_hide();});     //选择效果（如需要传值，可自定义参数，在此处返回对应的“value”值 ）
            $("body").click(function(i){ !$(i.target).parents(".Select").first().is(s) ? _hide():"";});
        })
    })
</script>

<script>
    //获取上传按钮
    var input1 = document.getElementById("upload");

    if(typeof FileReader==='undefined'){
        //result.innerHTML = "抱歉，你的浏览器不支持 FileReader";
        input1.setAttribute('disabled','disabled');
    }else{
        input1.addEventListener('change',readFile,false);
        /*input1.addEventListener('change',function (e){
         console.log(this.files);//上传的文件列表
         },false); */
    }
    function readFile(){
        var file = this.files[0];//获取上传文件列表中第一个文件
        if(!/image\/\w+/.test(file.type)){
            //图片文件的type值为image/png或image/jpg
            alert("文件必须为图片！");
            return false;
        }
        // console.log(file);
        var reader = new FileReader();//实例一个文件对象
        reader.readAsDataURL(file);//把上传的文件转换成url
        //当文件读取成功便可以调取上传的接口
        reader.onload = function(e){
            // console.log(this.result);//文件路径
            // console.log(e.target.result);//文件路径
            /*var data = e.target.result.split(',');
             var tp = (file.type == 'image/png')? 'png': 'jpg';
             var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
             //需要上传到服务器的在这里可以进行ajax请求
             // console.log(imgUrl);
             // 创建一个 Image 对象
             var image = new Image();
             // 创建一个 Image 对象
             // image.src = imgUrl;
             image.src = e.target.result;
             image.onload = function(){
             document.body.appendChild(image);
             }*/

            var image = new Image();
            // 设置src属性
            image.src = e.target.result;
            var max=200;
            // 绑定load事件处理器，加载完成后执行，避免同步问题
            image.onload = function(){
                // 获取 canvas DOM 对象
                var canvas = document.getElementById("cvs");
                // 如果高度超标 宽度等比例缩放 *=
                /*if(image.height > max) {
                 image.width *= max / image.height;
                 image.height = max;
                 } */
                // 获取 canvas的 2d 环境对象,
                var ctx = canvas.getContext("2d");
                // canvas清屏
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                // 重置canvas宽高
                /*canvas.width = image.width;
                 canvas.height = image.height;
                 if (canvas.width>max) {canvas.width = max;}*/
                // 将图像绘制到canvas上
                // ctx.drawImage(image, 0, 0, image.width, image.height);
                ctx.drawImage(image, 0, 0, 150, 150);
                // 注意，此时image没有加入到dom之中
            };
        }
    };
</script>


<script>
    //获取上传按钮
    var input1 = document.getElementById("uploada");

    if(typeof FileReader==='undefined'){
        //result.innerHTML = "抱歉，你的浏览器不支持 FileReader";
        input1.setAttribute('disabled','disabled');
    }else{
        input1.addEventListener('change',readFile,false);
        /*input1.addEventListener('change',function (e){
         console.log(this.files);//上传的文件列表
         },false); */
    }
    function readFile(){
        var file = this.files[0];//获取上传文件列表中第一个文件
        if(!/image\/\w+/.test(file.type)){
            //图片文件的type值为image/png或image/jpg
            alert("文件必须为图片！");
            return false;
        }
        // console.log(file);
        var reader = new FileReader();//实例一个文件对象
        reader.readAsDataURL(file);//把上传的文件转换成url
        //当文件读取成功便可以调取上传的接口
        reader.onload = function(e){
            // console.log(this.result);//文件路径
            // console.log(e.target.result);//文件路径
            /*var data = e.target.result.split(',');
             var tp = (file.type == 'image/png')? 'png': 'jpg';
             var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
             //需要上传到服务器的在这里可以进行ajax请求
             // console.log(imgUrl);
             // 创建一个 Image 对象
             var image = new Image();
             // 创建一个 Image 对象
             // image.src = imgUrl;
             image.src = e.target.result;
             image.onload = function(){
             document.body.appendChild(image);
             }*/

            var image = new Image();
            // 设置src属性
            image.src = e.target.result;
            var max=200;
            // 绑定load事件处理器，加载完成后执行，避免同步问题
            image.onload = function(){
                // 获取 canvas DOM 对象
                var canvas = document.getElementById("cvsa");
                // 如果高度超标 宽度等比例缩放 *=
                /*if(image.height > max) {
                 image.width *= max / image.height;
                 image.height = max;
                 } */
                // 获取 canvas的 2d 环境对象,
                var ctx = canvas.getContext("2d");
                // canvas清屏
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                // 重置canvas宽高
                /*canvas.width = image.width;
                 canvas.height = image.height;
                 if (canvas.width>max) {canvas.width = max;}*/
                // 将图像绘制到canvas上
                // ctx.drawImage(image, 0, 0, image.width, image.height);
                ctx.drawImage(image, 0, 0, 150, 150);
                // 注意，此时image没有加入到dom之中
            };
        }
    };
</script>


<script>
    //获取上传按钮
    var input1 = document.getElementById("uploadb");

    if(typeof FileReader==='undefined'){
        //result.innerHTML = "抱歉，你的浏览器不支持 FileReader";
        input1.setAttribute('disabled','disabled');
    }else{
        input1.addEventListener('change',readFile,false);
        /*input1.addEventListener('change',function (e){
         console.log(this.files);//上传的文件列表
         },false); */
    }
    function readFile(){
        var file = this.files[0];//获取上传文件列表中第一个文件
        if(!/image\/\w+/.test(file.type)){
            //图片文件的type值为image/png或image/jpg
            alert("文件必须为图片！");
            return false;
        }
        // console.log(file);
        var reader = new FileReader();//实例一个文件对象
        reader.readAsDataURL(file);//把上传的文件转换成url
        //当文件读取成功便可以调取上传的接口
        reader.onload = function(e){
            // console.log(this.result);//文件路径
            // console.log(e.target.result);//文件路径
            /*var data = e.target.result.split(',');
             var tp = (file.type == 'image/png')? 'png': 'jpg';
             var imgUrl = data[1];//图片的url，去掉(data:image/png;base64,)
             //需要上传到服务器的在这里可以进行ajax请求
             // console.log(imgUrl);
             // 创建一个 Image 对象
             var image = new Image();
             // 创建一个 Image 对象
             // image.src = imgUrl;
             image.src = e.target.result;
             image.onload = function(){
             document.body.appendChild(image);
             }*/

            var image = new Image();
            // 设置src属性
            image.src = e.target.result;
            var max=200;
            // 绑定load事件处理器，加载完成后执行，避免同步问题
            image.onload = function(){
                // 获取 canvas DOM 对象
                var canvas = document.getElementById("cvsb");
                // 如果高度超标 宽度等比例缩放 *=
                /*if(image.height > max) {
                 image.width *= max / image.height;
                 image.height = max;
                 } */
                // 获取 canvas的 2d 环境对象,
                var ctx = canvas.getContext("2d");
                // canvas清屏
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                // 重置canvas宽高
                /*canvas.width = image.width;
                 canvas.height = image.height;
                 if (canvas.width>max) {canvas.width = max;}*/
                // 将图像绘制到canvas上
                // ctx.drawImage(image, 0, 0, image.width, image.height);
                ctx.drawImage(image, 0, 0, 150, 150);
                // 注意，此时image没有加入到dom之中
            };
        }
    };
</script>
